<!DOCTYPE html>
<html>
<head>
    <style>
        img
        {
            height: 100px;
            float: left;
        }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <div id="images">
    </div>
    <script>
     
      jQuery.support.cors = true;

       var request = $.ajax({
            type: 'GET',
            url: 'http://localhost:3477/SongService/songs/33',
            contentType: "application/json",
            error: onError,
            success: onSuccess
        });

        function onSuccess(songs)
        {
            debugger;   
            for(var i in songs)
            {
                alert("Song: " + songs[i].title);
            }
        }

        function onError (data, status, err)
        {
            debugger;
            alert("Data = " + JSON.stringify(data));
            alert("Status = " + status);
            alert("Error = " + err);
        }
    </script>
</body>
</html>
